@font-face {
    font-family: 'icomoon';
    src        : url('../fonts/icomoon.eot?wvgf9e');
    src        : url('../fonts/icomoon.eot?wvgf9e#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?wvgf9e') format('truetype'),
        url('../fonts/icomoon.woff?wvgf9e') format('woff'),
        url('../fonts/icomoon.svg?wvgf9e#icomoon') format('svg');
    font-weight : normal;
    font-style  : normal;
    font-display: block;
}

/*版心*/
.w {
    width : 1200px;
    margin: 0 auto;
}

/*左右浮动*/
.fl {
    float: left;
}

.fr {
    float: right;
}

/*字体红色*/
.font_red {
    color: #c81623;
}

/*快捷导航栏*/
.shortcut {
    height          : 31px;
    line-height     : 31px;
    background-color: #f1f1f1;
}

.shortcut ul li {
    float: left;
}

.shortcut .fr ul li:nth-child(even) {
    width           : 1px;
    height          : 13px;
    margin          : 9px 15px;
    background-color: #666666;
}

.down_arrow_icon::after {
    content    : '\e920';
    font-family: 'icomoon';
}

/*头部搜索栏*/
.header {
    position: relative;
    height  : 106px;
}

.header .logo {
    position: absolute;
    top     : 20px;
    left    : 7px;
    width   : 171px;
    height  : 61px;
}

.header .logo a {
    display   : block;
    width     : 171px;
    height    : 61px;
    background: url("../images/logo.png") no-repeat;
    font-size : 0;
}

.header .search {
    position   : absolute;
    top        : 25px;
    left       : 348px;
    width      : 540px;
    height     : 39px;
    line-height: 39px;
    border     : 2px solid #b1191a;
}

.header .search input {
    float    : left;
    width    : 453px;
    height   : 35px;
    font-size: 14px;
    padding  : 5px;
}

.header .search button {
    float           : left;
    width           : 83px;
    height          : 35px;
    background-color: #b1191a;
    color           : #fff;
    font-size       : 16px;
}

.header .hot_words {
    position: absolute;
    top     : 70px;
    left    : 348px;
    color   : #666;
}

.header .hot_words li {
    float      : left;
    margin-left: 16px;
    font-size  : 12px;
}

.header .shopping_cart {
    position        : absolute;
    right           : 64px;
    top             : 25px;
    width           : 140px;
    height          : 39px;
    line-height     : 37px;
    border          : 1px solid #dfdfdf;
    background-color: #f7f7f7;
    font-size       : 12px;
    /* cursor: pointer; */
}

.header .shopping_cart a::before {
    content     : '\e93a';
    font-family : 'icomoon';
    margin-left : 18px;
    margin-right: 10px;
    color       : #d94f4f;
}

.header .shopping_cart a::after {
    content    : '\e90b';
    font-family: 'icomoon';
    margin-left: 12px;
}

.header .shopping_cart em {
    position        : absolute;
    left            : 106px;
    top             : -5px;
    height          : 14px;
    line-height     : 14px;
    padding         : 0 5px;
    background-color: #d94f4f;
    border-radius   : 7px 7px 7px 0;
    font-size       : 12px;
    color           : #fff;
}

/*导航模块*/
.nav {
    height       : 49px;
    border-bottom: 2px solid #b1191a;
}

.nav .dropdown {
    float           : left;
    width           : 210px;
    height          : 47px;
    background-color: #b1191a;

}

.nav .dropdown .dt {
    width      : 100%;
    height     : 100%;
    line-height: 47px;
    font-size  : 16px;
    text-align : center;
    color      : #ffffff;
}

.nav .dropdown .dd {
    display         : none;
    margin-top      : 2px;
    width           : 100%;
    height          : 465px;
    background-color: #c81623;
}

.nav .dropdown:hover .dd {
    display: block;
}

.nav .dropdown .dd ul li {
    position   : relative;
    height     : 31px;
    line-height: 30px;
    margin-left: 2px;
}

.nav .dropdown .dd ul li a {
    display     : block;
    width       : 100%;
    height      : 100%;
    padding-left: 10px;
    font-size   : 14px;
    color       : #fff;
}

.nav .dropdown .dd ul li a:hover {
    background-color: #fff;
    color           : #c81623;
}

.nav .dropdown .dd ul li a::after {
    position   : absolute;
    top        : 1px;
    right      : 10px;
    content    : '\e920';
    font-family: 'icomoon';
    color      : #ffffff;
}

.nav .nav_items {
    float       : left;
    height      : 47px;
    line-height : 47px;
    padding-left: 15px;
}

.nav .nav_items li {
    float: left;
}

.nav .nav_items li a {
    display  : block;
    padding  : 0 25px;
    font-size: 16px;
    color    : #333;
}

.nav .nav_items li a:hover {
    color: #c81623;
}

/*底部模块*/
.footer {
    height          : 420px;
    background-color: #f5f5f5;
    margin-top      : 36px;
}

.mod_service {
    height       : 110px;
    border-bottom: 1px solid #ededed;
    padding-top  : 30px;
    padding-left : 30px;
}

.mod_service ul li {
    float : left;
    height: 50px;
    width : 250px;
}

.mod_service ul li:last-child {
    width: 160px;
}

.mod_service ul li h5 {
    float       : left;
    width       : 51px;
    height      : 51px;
    margin-right: 8px;
}

.mod_service ul li:nth-child(1) h5 {
    background: url("../images/icons.png") no-repeat -252px -2px;
}

.mod_service ul li:nth-child(2) h5 {
    background: url("../images/icons.png") no-repeat -255px -54px;
}

.mod_service ul li:nth-child(3) h5 {
    background: url("../images/icons.png") no-repeat -256px -106px;
}

.mod_service ul li:nth-child(4) h5 {
    background: url("../images/icons.png") no-repeat -257px -157px;
}

.mod_service ul li:nth-child(5) h5 {
    background: url("../images/icons.png") no-repeat -256px -208px;
}

.mod_service ul li h6 {
    height     : 32px;
    padding-top: 9px;
    font-size  : 14px;
    color      : #333;
}

.mod_service ul li p {
    font-size: 12px;
    color    : #666666;
}

.mod_help {
    height       : 189px;
    border-bottom: 1px solid #ededed;
    padding-top  : 23px;
    padding-left : 53px;
}

.mod_help dl {
    float: left;
    width: 199px;
}

.mod_help dl dt {
    height   : 30px;
    font-size: 16px;
    color    : #333;
}

.mod_help dl dd {
    height   : 20px;
    font-size: 12px;
    color    : #333;
}

.mod_help dl:last-child {
    width     : 96px;
    text-align: center;
}

.mod_help dl img {
    padding-left: -10px;
}

.mod_copyright {
    text-align: center;
    font-size : 12px;
    color     : #666;
}

.mod_copyright .links {
    height     : 48px;
    line-height: 48px;
}

.mod_copyright .copyright {
    height     : 22px;
    line-height: 22px;
}

.mod_copyright .links a {
    display: inline-block;
    width  : 76px;
}